<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="less/search.css"/>
	<body>
		<div class="wrap">
			<div class="headBox">
				<img src="img/classification_icon_back.png" class="back_icon">
				<div class="searchBox">
					<img src="img/nav%20bar_icon_search.png" >
					<input type="text" id="" value="搜索" />
				</div>
				<span>搜索</span>
			</div>
			<div class="findBox">
				<h2>搜索发现</h2>
				<ul class="containerUl">
				</ul>
			</div>
			<div class="hotSearchBox">
				<div class="head">
					<div class="left">
						<h2>每周热搜集合</h2>
						<p>看看大家都在讨论什么</p>
					</div>
					<div class="right">
						<span class="more_text">查看更多</span>
						<img src="img/home_icon_more.png" class="more_img">
					</div>
				</div>
				<ul class="huatiUl">
				</ul>
			</div>
		</div>
	</body>
	<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var containerList=[
			{
				text:"艺术摄影"
			},
			{
				text:"摄影教程"
			},
			{
				text:"游春季"
			}
		]
		
		var huatiList=[
			{
				img:'img/search_img.png',
				huatiTitle:'#话题：如何挑选合适的摄影相机',
				huatiText:'相机是否越贵越好呢？这里告诉你答案'
			},
			{
				img:'img/search_img.png',
				huatiTitle:'#话题：相片后期调色方法',
				huatiText:'手把手讲解相片调色'
			},
			{
				img:'img/search_img.png',
				huatiTitle:'#话题：如何挑选合适的摄影相机',
				huatiText:'相机是否越贵越好呢？这里告诉你答案'
			},
			{
				img:'img/search_img.png',
				huatiTitle:'#话题：相片后期调色方法',
				huatiText:'手把手讲解相片调色'
			}
		]
		for(var i=0;i<containerList.length;i++){
			$('.containerUl').append('<li class="containerLi">'+containerList[i].text+'</li>')
		}
		
		for(var i=0;i<huatiList.length;i++){
			$('.huatiUl').append('<li class="huatiLi"><img src="'+huatiList[i].img+'" ><p class="huatiTitle">'+huatiList[i].huatiTitle+'</p><p class="huatiText">'+huatiList[i].huatiText+'</p></li>')
		}
		$('.back_icon').click(function(){
			var backpath=localStorage.getItem('path')
			window.location.href="./bottomNav/bottomNav.html#/"+backpath
			
		})
	</script>
</html>
